<!-- 活动摘要 -->
<!-- 小默子 2020/8/15 -->
<!-- 小默子 2020/8/23更新  去除v-for-->
<template>
	<view>
		<!-- 活动基本信息展示列表 -->
		<!-- 小瓜子 2020/8/20 加上:key,否则报警告 -->
		<view class="activities">
			<view class="box" @tap="navTo">
				<!-- 活动图片 -->
				<image :src="summaryData.imagePath"></image>
				<view class="text">
					<!-- 活动标题 -->
					<view class="actTitle">{{summaryData.actTitle}}</view> 
					<!-- 活动介绍 -->
					<view>{{summaryData.one}}</view>
					<view>{{summaryData.two}}</view>  
					<view>{{summaryData.three}}</view>
					<view>{{summaryData.join}}</view>
				</view>
			</view>
			<!-- 开始时间 -->
			<view class="startTime">{{summaryData.start}}发起</view>
		</view>	
	</view>
</template>

<script>
	export default {
		props: {
			datas: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			// 点击跳转至活动详情页
			navTo() {
				uni.navigateTo({
					url:''
				})
			}
		},
		computed: {
			summaryData() {
				return this.$props.datas
			}
		}
	}
</script>

<style lang="less">
	image {
		width: 200rpx;
		height: 200rpx;
	}
	view {
		font-size: @uni-font-size-base;
		letter-spacing: 1rpx;
		background-color: @uni-bg-color;
	}
	.activities {
		margin: 14rpx;
		.box {
			display: flex;
			border-bottom: 2rpx solid @gray-line;
			padding-bottom: 30rpx;
			.text {
				margin-left: 20rpx;
			}
			.actTitle {
				font-size: @uni-font-size-lg;
				font-weight: bold;
			} 
		}
		.startTime {
			color: @g-gray;
		}
	}	
</style>

